page-client-index {

    @function pxToVw($px) {
        @return $px/1080*100vw;
    }

    p {
        margin: 0;
    }
    ion-refresher-content {
        padding-top: 6vw !important;
    }
    .toolbar-ios{
        .toolbar-background{
            background:url('../assets/images/client/client-index/bg_head.png') no-repeat;
            -webkit-background-size: cover;
            background-size: cover;
        }
    }
    .has-refresher > .scroll-content {
        border-top: none;
    }

    ion-content {
        &.content-ios{
            .scroll-content{
                background-color: #f6f6f6;
            }
        }

        .top-box {
            height: pxToVw(587);
            width: 100%;
            background: url("../assets/images/client/client-index/bg_zl.png") no-repeat;
            -webkit-background-size: cover;
            background-size: cover;
            color: #fff;
            text-align: center;
            padding-top:pxToVw(90);
            background-color: #fff;
            span{
                height:pxToVw(326);
                width:pxToVw(2.2);
                background: #79bc93;
                float: left;
                position: relative;
                top:-2vw;
            }
            div {
                float: left;
                width: 49.8%;
            }
            img {
                height: pxToVw(37);
                width: pxToVw(23);
                margin-left: pxToVw(18);
                position: relative;
                top: 0.5vw;
            }
            .individual-client {
                p:first-child {
                    font-size: pxToVw(160);
                    height: pxToVw(160);

                }
                p:nth-child(2) {
                    font-size: pxToVw(43);
                    padding-left: 2vw;
                    margin-top: pxToVw(27);
                    height:pxToVw(50);
                }
            }
            .team-client {
                p {
                    font-size: pxToVw(70);
                    height:pxToVw(80);
                }
                p:nth-child(3) {
                    font-size: pxToVw(43);
                    padding-left: 3vw;
                    margin-top: pxToVw(27);
                    height:pxToVw(50);
                }
            }
        }
        .middle-box {
            background: #fff;
            padding:pxToVw(30) 0 0 0;
            .middle-img{
                height:pxToVw(76);
                display: block;
            }
            .client-map, .client-contact {
                float: left;
                width: 50%;
                //text-align: center;
               // padding: 0 pxToVw(60);
                border-right: pxToVw(1) solid #e9e9e9;
                margin-bottom:pxToVw(60);
                img {
                    height: pxToVw(160);
                    width: pxToVw(160);
                    float: left;
                    vertical-align: middle;
                   // margin-right:3vw;
                    margin-left:pxToVw(60);
                }
                div{
                    height:pxToVw(146);
                    position: relative;
                    top:2.2vw;
                    float: left;
                    padding-left:pxToVw(30);
                    text-align: center;
                    p:first-child{
                        color: #333;
                        font-size:pxToVw(54);
                        height:pxToVw(55);
                        font-weight:bold;
                        margin-bottom:pxToVw(22);
                    }
                    p:last-child{
                        padding-left: 0.3vw;
                    }
                    p{
                        color: #999;
                        font-size:pxToVw(33);
                    }
                }
            }
            .client-map{
                padding-left:1vw;
                div{
                    padding-left:pxToVw(10);
                }
            }
            .client-contact{
                padding-left:1vw;
            }
        }
        .bottom-box{
            padding:pxToVw(12) pxToVw(60) 0;
            overflow: hidden;
            div{
                float: left;
                background: url("../assets/images/client/client-index/icon_birthday.png");
                -webkit-background-size: cover;
                background-size: cover;
                margin-bottom:pxToVw(30);
                border-radius: 0.5vw;
            }
            .birth-client{
                height:pxToVw(476);
                width:pxToVw(465);
                margin-right:pxToVw(30);
            }
            .renewal-client{
                height:pxToVw(223);
                width:pxToVw(465);
                background: url("../assets/images/client/client-index/icon_renewal.png");
                background-size: cover;
            }
            .claims-client{
                height:pxToVw(223);
                width:pxToVw(465);
                background: url("../assets/images/client/client-index/icon_claims.png");
                background-size: cover;
            }
            .vip-client{
                height:pxToVw(224);
                width:pxToVw(465);
                margin-right:pxToVw(30);
                background: url("../assets/images/client/client-index/icon_vip.png");
                background-size: cover;
            }
            .prospective-client{
                height:pxToVw(224);
                width:pxToVw(217);
                margin-right:pxToVw(30);
                background: url("../assets/images/client/client-index/icon_prospects.png");
                background-size: cover;
            }
            .filter-client{
                height:pxToVw(224);
                width:pxToVw(218);
                background: url("../assets/images/client/client-index/icon_filter.png");
                background-size: cover;
            }
        }
    }

    //// 个险客户&团险客户

    //.sinOrTeamCust {
    //    text-align: center;
    //    padding: 6.3vw 3.4vw 6.3vw 7.4vw;
    //    overflow: hidden;
    //    background: #D4D5D6;
    //    color: #fff;
    //    font-size: 12.03vw;
    //    div {
    //        float: left;
    //        margin-right: 2.6vw;
    //        height: 70.64vw;
    //        width: 41.3vw;
    //        background: url("../assets/images/client/client-index/img_individual.png") no-repeat;
    //        background-size: cover;
    //        position: relative;
    //        i {
    //            float: left;
    //            margin-top: 2.22vw;
    //            margin-left: 2.22vw;
    //            display: inline-block;
    //            height: 9.26vw;
    //            width: 9.26vw;
    //            background: url("../assets/images/client/client-index/icon_individual.png") no-repeat;
    //            background-size: cover;
    //            margin-bottom: 35vw;
    //        }
    //        p {
    //            text-align: left;
    //            float: left;
    //            padding-left: 3vw;
    //            width: 100%;
    //        }
    //        p:last-child {
    //            font-size: 5vw;
    //        }
    //        .teamWord {
    //            font-size: 8.33vw;
    //            padding: 1.6vw 0 1.6vw 3vw;
    //        }
    //        //团险客户
    //        &.teamCust {
    //            background-image: url("../assets/images/client/client-index/img_group.png");
    //            i {
    //                background-image: url("../assets/images/client/client-index/icon_group.png");
    //            }
    //        }
    //    }
    //}
    //
    ///* vip,生日，续期，理赔，准客户。 */
    //.custKind {
    //    height: auto;
    //    width: 100%;
    //    overflow: hidden;
    //    padding: 6.3vw 3.4vw 6.3vw 7.4vw;
    //    text-align: center;
    //    div {
    //        float: left;
    //        margin-right: 2.6vw;
    //        width: 41.3vw;
    //        div {
    //            margin-bottom: 2.6vw;
    //            position: relative;
    //            color: #fff;
    //            img {
    //                position: absolute;
    //                height: 5.55vw;
    //                width: 5.55vw;
    //                top: 3.33vw;
    //                left: 3.33vw;
    //            }
    //            p {
    //                position: absolute;
    //                bottom: 3.33vw;
    //                left: 3.33vw;
    //                font-size: 5vw;
    //            }
    //        }
    //
    //    }
    //    // 左边列表
    //    .custListLeft {
    //        ///* vip客户 */
    //        .vipCust {
    //            height: 41.2vw;
    //            background: url("../assets/images/client/client-index/bg_vip.png") no-repeat;
    //            background-size: cover;
    //        }
    //        ///* 续期客户 */
    //        .continueCust {
    //            height: 35.27vw;
    //            background: url("../assets/images/client/client-index/bg_renewal.png") no-repeat;
    //            background-size: cover;
    //        }
    //
    //        ///* 准客户 */
    //        .prospectiveCust {
    //            height: 35.37vw;
    //            background: url("../assets/images/client/client-index/bg_prospects.png") no-repeat;
    //            background-size: cover;
    //        }
    //
    //        //// 客户地图
    //        .mapCust {
    //            height: 35.27vw;
    //            background: url("../assets/images/client/client-index/bg_map.png") no-repeat;
    //            background-size: cover;
    //        }
    //    }
    //    // 右边列表
    //    .custListRight {
    //        ///* 生日客户 */
    //        .birthCust {
    //            height: 35.27vw;
    //            background: url("../assets/images/client/client-index/bg_birthday.png") no-repeat;
    //            background-size: cover;
    //        }
    //
    //        ///* 理赔客户 */
    //        .compensationCust{
    //            height: 35.27vw;
    //            background: url("../assets/images/client/client-index/bg_claims.png") no-repeat;
    //            background-size: cover;
    //        }
    //        //// 客户筛选
    //        .chooseCust {
    //            height: 35.18vw;
    //            background: url("../assets/images/client/client-index/bg_filter.png") no-repeat;
    //            background-size: cover;
    //        }
    //        //// 通讯录
    //        .contactList {
    //            height: 41.29vw;
    //            background: url("../assets/images/client/client-index/bg_contacts.png") no-repeat;
    //            background-size: cover;
    //        }
    //    }
    //}

}
